import React, { Component } from 'react';
import { Route } from 'react-router';
import { Layout } from './components/Layout';
import { Home } from './components/Home';
import Login from './components/user/Login'
import Register from './components/user/Register'
import People from './components/user/People'

import './custom.css'
import Album from './components/user/Album';

export default class App extends Component {
  static displayName = App.name;

  render() {
    return (
      <Layout>
        <Route exact path='/' component={Home} />
        <Route exact path='/search/:id' component={Home} />
        <Route exact path='/search/' component={Home} />
        <Route exact path='/people/:id' component={People} />
        <Route path='/login' component={Login} />
        <Route path='/register' component={Register}/>
        <Route path='/album/:id' component={Album}/>
      </Layout>
    );
  }
}
